<!DOCTYPE html>
<html>
 <head>
	<meta charset="UTF-8">
	<title>我的等级</title>
	<link href="../../css/wddj.css" rel="stylesheet"/>
</head>
<body>
<div class='main-wddj'>
 <div class='wddj-top'>
  <img src="../../img/wddj_bg.png" />
   <div class="wdxb-top-cnt _clear">
       <div class="wdxb-left pull-left _clear">
       <img src="../../img/grzx-logo.png" class="pull-left">
       <div class="pull-left">
        <p class='grzx-desc'><label></label><span class='top-level'></span></p>
        <!--   <span class='jrdj'><em class="xbTotal">今日等级任务</em><span class='dj-status'>未完成</span></span> -->
       
       </div>
       </div>
       <div class="wdxb-right pull-right">
		  <div class="bar-container">
		    <span class='curLevel'>LV8</span> 
		   <div id="bar" style="width:0%;"></div>
		   	<span class='nextLevel'>LV9</span>  
		  </div> 
		  <p>距离下一级还需<span class='extraCzz'></span>个活跃天数</p>
       </div>
     </div>
 </div>
 <div class='wddj-main'>
  <h4 class='djTitle'>等级说明</h4>
  <ul class='djsm'>
   <li>如何升级</li>
   <li>每天登录平台，连续在线40分钟即计算一个活跃天数。</li>
   <li>等级有什么用</li>
   <li>等级是您尊贵地位的体现，以后还有更多等级特权推出噢</li>
  </ul>
  <h4 class='djTitle'>等级规则</h4>
  <table class='djgz'>
   						<tr><td class="tb">图标</td><td class="level">等级</td><td class="hyts">活跃天数</td></tr>
                        <tr><td><span class="dj-level">LV1</span></td><td><span><em>LV</em>1</span></td><td>1天 ~ 10天</td></tr>
                        <tr class="even"><td><span class="dj-level">LV2</span></td><td><span><em>LV</em>2</span></td><td>11天 ~ 20天</td></tr>
                        <tr><td><span class="dj-level">LV3</span></td><td><span><em>LV</em>3</span></td><td>21天 ~ 30天</td></tr>
                        <tr class="even"><td><span class="dj-level">LV4</span></td><td><span><em>LV</em>4</span></td><td>31天 ~ 40天</td></tr>
                        <tr><td><span class="dj-level">LV5</span></td><td><span><em>LV</em>5</span></td><td>41天 ~ 50天</td></tr>
                        <tr class="even"><td><span class="dj-level">LV6</span></td><td><span><em>LV</em>6</span></td><td>51天 ~ 60天</td></tr>
                        <tr><td><span class="dj-level">LV7</span></td><td><span><em>LV</em>7</span></td><td>61天 ~ 70天</td></tr>
                        <tr class="even"><td><span class="dj-level">LV8</span></td><td><span><em>LV</em>8</span></td><td>71天 ~ 80天</td></tr>
                   
  </table>
  <p class="tip">注：<span class="dj-level">LV8</span>为级别图标，用于区分学员当前所处级别水平。</p>
 </div>
</div>
<script src="../../../common/components/jquery-1.10.2.min.js"></script>
<script src="../../../common/components/ractive-legacy.js"></script>
<script src="../../../common/js/jquery.i18n.properties.js"></script>
<script src="../../public/js/constants.js"></script>
<script src="../../public/js/index.js"></script>
<script src="../../public/js/loginCheck.js"></script>
<script src="../../js/grzx/wddj.js"></script>
</body>
</html>